<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=7">
        <title>Cloud Lab - 代码改变世界，编程创造未来</title>

        <!--引入css-->
        <link rel="shortcut icon" href="img/logo_img.png">
        <link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="static/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="static/highlight.js/9.8.0/monokai-sublime.min.css">
        <link rel="stylesheet" href="app/css/libs/bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="app/css/libs/katex/0.6.0/katex.min.css">
        <link rel="stylesheet" href="app/css/libs/videojs/5.11.7/video-js.min.css">
        <link rel="stylesheet" href="app/css/dest/styles.css?=2016121272249">
    </head>

    <body>
    <!--页面上部-->

        <!--导航栏-->
        <script src="model/topHtml.js"></script>
        <!--弹出框--登录注册-->
        <script src="model/loginHtml.js"></script>

    <!--页面中部-->

        <!--中间大图片-->
        <div class="navbar-banner layout-no-margin-top">
            <div class="banner-container">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7">
                            <a class="container-title">
                                <img src="img/container-title-2.png" />
                            </a>
                            <div style="margin-top:24px;">
                                <a id="course-btn" class="course-btn btn btn-lg" href="courses/index.html">进入课程</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--中部四个动态图标-->
        <div class="introduce-container" id="fourFeatures">
            <div class="container">
                <div class="row">
                    <div class="introduce-unit col-sm-6 col-md-3">
                        <div><a class="introduce-img"><img src="img/introduceContainer1.gif" /></a></div>
                        <div><span class="introduce-span">丰富全面的计算机实验课程</span></div>
                    </div>
                    <div class="introduce-unit col-sm-6 col-md-3">
                        <div><a class="introduce-img"><img src="img/introduceContainer2.gif" /></a></div>
                        <div><span class="introduce-span">在线编程环境，1秒启动</span></div>
                    </div>
                    <div class="introduce-unit col-sm-6 col-md-3">
                        <div><a class="introduce-img"><img src="img/introduceContainer3.gif" /></a></div>
                        <div><span class="introduce-span">每天一个项目课，丰富你的项目经验</span></div>
                    </div>
                    <div class="introduce-unit col-sm-6 col-md-3">
                        <div><a class="introduce-img"><img src="img/introduceContainer4.gif" /></a></div>
                        <div><span class="introduce-span">有效学习时间，真实记录你的代码生涯</span></div>
                    </div>
                </div>
            </div>
        </div>

        <!--中部--学习路径-->
        <div class="line-and-laboratory">
            <div class="container">

                <!--标题-->
                <div class="clearfix text-center item-header">
                    <span class="line"></span>
                    <span class="text-center item-title">学习路径</span>
                    <span class="line"></span>
                </div>

                <!--内容-->
                <div class="tab-content">
                    <div class="tab-pane clearfix active" id="study-line">

                        <!--Python研发工程师-->
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <a href="paths/show.html?pathName=Python&page=1">
                                <div class="path-item">
                                    <div class="col-xs-5 col-sm-4 path-img">
                                        <img src="img/1471513769430.png">
                                    </div>
                                    <div class="col-xs-7 col-sm-8">
                                        <div class="path-name">Python研发工程师</div>
                                        <div class="path-course-num">
                                            <span id="pythonCoursesCount">--</span>
                                            门课程
                                        </div>
                                    </div>
                                    <div class="desc-layer">
                                        <div class="center">Python（英国发音：/ˈpaɪθən/ 美国发音：/ˈpaɪθɑːn/）, 是一种面向对象的解释型计算机程序设计语言，由荷兰人Guido van Rossum于1989年发明，第一个公开发行版发行于1991年。Python是纯粹的自由软件， 源代码和解释器CPython遵循 GPL(GNU General Public License)协议。Python语法简洁清晰，特色之一是强制用空白符(white space)作为语句缩进。Python具有丰富和强大的库。它常被昵称为胶水语言，能够把用其他语言制作的各种模块（尤其是C/C++）很轻松地联结在一起。</div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <!--C++ 研发工程师-->
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <a href="paths/show.html?pathName=C/C++&page=1">
                                <div class="path-item">
                                    <div class="col-xs-5 col-sm-4 path-img">
                                        <img src="img/1471513793360.png">
                                    </div>
                                    <div class="col-xs-7 col-sm-8">
                                        <div class="path-name">C++ 研发工程师</div>
                                        <div class="path-course-num">
                                            <span id="cppCoursesCount">--</span>
                                            门课程
                                        </div>
                                    </div>
                                    <div class="desc-layer">
                                        <div class="center">C++是C语言的继承，它既可以进行C语言的过程化程序设计，又可以进行以抽象数据类型为特点的基于对象的程序设计，还可以进行以继承和多态为特点的面向对象的程序设计。C++擅长面向对象程序设计的同时，还可以进行基于过程的程序设计，因而C++就适应的问题规模而论，大小由之。C++不仅拥有计算机高效运行的实用性特征，同时还致力于提高大规模程序的编程质量与程序设计语言的问题描述能力。</div>
                                    </div>
                                </div>
                            </a>
                        </div>


                        <!--信息安全工程师-->
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <a href="paths/show.html?pathName=信息安全&page=1">
                                <div class="path-item">
                                    <div class="col-xs-5 col-sm-4 path-img">
                                        <img src="img/1471513867033.png">
                                    </div>
                                    <div class="col-xs-7 col-sm-8">
                                        <div class="path-name">信息安全工程师</div>
                                        <div class="path-course-num">
                                            <span id="informationSafetyCoursesCount">--</span>
                                            门课程
                                        </div>
                                    </div>
                                    <div class="desc-layer">
                                        <div class="center">信息安全主要包括以下五方面的内容，即需保证信息的保密性、真实性、完整性、未授权拷贝和所寄生系统的安全性。信息安全学科可分为狭义安全与广义安全两个层次，狭义的安全是建立在以密码论为基础的计算机安全领域，早期中国信息安全专业通常以此为基准，辅以计算机技术、通信网络技术与编程等方面的内容；广义的信息安全是一门综合性学科，从传统的计算机安全到信息安全，不但是名称的变更也是对安全发展的延伸，安全不在是单纯的技术问题，而是将管理、技术、法律等问题相结合的产物。本专业培养能够从事计算机、通信、电子商务、电子政务、电子金融等领域的信息安全高级专门人才。</div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <!--Linux工程师-->
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <a href="paths/show.html?pathName=Linux&page=1">
                                <div class="path-item">
                                    <div class="col-xs-5 col-sm-4 path-img">
                                        <img src="img/1471514004752.png">
                                    </div>
                                    <div class="col-xs-7 col-sm-8">
                                        <div class="path-name">Linux工程师</div>
                                        <div class="path-course-num">
                                            <span id="linuxCoursesCount">--</span>
                                            门课程
                                        </div>
                                    </div>
                                    <div class="desc-layer">
                                        <div class="center">Linux是一套免费使用和自由传播的类Unix操作系统，是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。它能运行主要的UNIX工具软件、应用程序和网络协议。它支持32位和64位硬件。Linux继承了Unix以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统。严格来讲，Linux这个词本身只表示Linux内核，但实际上人们已经习惯了用Linux来形容整个基于Linux内核，并且使用GNU 工程各种工具和数据库的操作系统。</div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <!--Java研发工程师-->
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <a href="paths/show.html?pathName=Java&page=1">
                                <div class="path-item">
                                    <div class="col-xs-5 col-sm-4 path-img">
                                        <img src="img/1471514111981.png">
                                    </div>
                                    <div class="col-xs-7 col-sm-8">
                                        <div class="path-name">Java研发工程师</div>
                                        <div class="path-course-num">
                                            <span id="javaCoursesCount">--</span>
                                            门课程
                                        </div>
                                    </div>
                                    <div class="desc-layer">
                                        <div class="center">Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。Java具有简单性、面向对象、分布式、健壮性、安全性、平台独立与可移植性、多线程、动态性等特点。Java可以编写桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等。</div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <!--PHP研发工程师-->
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <a href="paths/show.html?pathName=PHP&page=1">
                                <div class="path-item">
                                    <div class="col-xs-5 col-sm-4 path-img">
                                        <img src="img/1471514095761.png">
                                    </div>
                                    <div class="col-xs-7 col-sm-8">
                                        <div class="path-name">PHP研发工程师</div>
                                        <div class="path-course-num">
                                            <span id="phpCoursesCount">--</span>
                                            门课程
                                        </div>
                                    </div>
                                    <div class="desc-layer">
                                        <div class="center">PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。</div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <!--HTML5前端工程师-->
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <a href="paths/show.html?pathName=HTML5&page=1">
                                <div class="path-item">
                                    <div class="col-xs-5 col-sm-4 path-img">
                                        <img src="img/1471514153000.png">
                                    </div>
                                    <div class="col-xs-7 col-sm-8">
                                        <div class="path-name">HTML5前端工程师</div>
                                        <div class="path-course-num">
                                            <span id="html5CoursesCount">--</span>
                                            门课程
                                        </div>
                                    </div>
                                    <div class="desc-layer">
                                        <div class="center">万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改（这是一项推荐标准、外语原文：W3C Recommendation）。2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。</div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <!--NodeJS研发工程师-->
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <a href="paths/show.html?pathName=NodeJS&page=1">
                                <div class="path-item">
                                    <div class="col-xs-5 col-sm-4 path-img">
                                        <img src="img/1471513817808.png">
                                    </div>
                                    <div class="col-xs-7 col-sm-8">
                                        <div class="path-name">NodeJS研发工程师</div>
                                        <div class="path-course-num">
                                            <span id="nodejsCoursesCount">--</span>
                                            门课程
                                        </div>
                                    </div>
                                    <div class="desc-layer">
                                        <div class="center">Node.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。</div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <!--Docker工程师-->
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <a href="paths/show.html?pathName=Docker&page=1">
                                <div class="path-item">
                                    <div class="col-xs-5 col-sm-4 path-img">
                                        <img src="img/docker.jpg">
                                    </div>
                                    <div class="col-xs-7 col-sm-8">
                                        <div class="path-name">Docker工程师</div>
                                        <div class="path-course-num">
                                            <span id="dockerCoursesCount">--</span>
                                            门课程
                                        </div>
                                    </div>
                                    <div class="desc-layer">
                                        <div class="center">Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口。</div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
    </div>

        <!--中部--实验课程-->
        <div class="line-and-laboratory">
            <div class="container">
                <div class="clearfix text-center item-header">
                    <span class="line"></span>
                    <div class="text-center item-title">实验课程</div>
                    <span class="line"></span>
                </div>

                <!--读取已有课程-->
                <div class="clearfix courses" id="coursesList">
                    正在加载，请稍后...
                </div>
                <div class="clearfix item-footer" id="moreCourses">

                </div>
            </div>
        </div>

    <!--页面下部-->

        <!--底部导航栏-->
        <script src="model/bottom.js"></script>

    <!--导入js-->
    <script src="app/dest/lib/lib.js?=2016121272249"></script>
    <script src="static/jquery/2.2.4/jquery.min.js"></script>
    <script src="static/ace/1.2.5/ace.js"></script>
    <script src="static/aliyun/aliyun-oss-sdk-4.3.0.min.js"></script>
    <script src="static/highlight.js/9.8.0/highlight.min.js"></script>
    <script src="static/jspdf/1.2.61/jspdf.min.js"></script>
    <script src="static/plupload/2.1.9/js/plupload.full.min.js"></script>
    <script src="static/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
    <script src="static/videojs/video.min.js"></script>
    <script src="static/bootstrap-tour/0.11.0/js/bootstrap-tour.min.js"></script>
    <script src="static/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
    <script src="static/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="static/bootstrap-table/1.11.0/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>

    <script src="static/ravenjs/3.7.0/raven.min.js"></script>
    <script src="app/dest/frontend/index.js?=2016121272249"></script>

    <script src="../model/error.js"></script>
    <script src="../model/token.js"></script>
    <script src="../model/header.js"></script>

    <script src="js/index.js" ></script>
</body>
</html>
